當我寫程式寫到一個階段, 我決定也是要學一點UI,不然以後怎麼幫朋友做網站. 我一開始覺得UI應該很簡單直到開始畫的時候, 怎麼看我的設計都覺得怪怪的. 設計不像程式, 有一個一定的答案(有bug, 你的程式就會爆). 每個人對設計的看法都是客觀的. 所以這是一開始還滿困擾我的.

所以我開始google跟看youtube的課程. 我發現學UI最快的方法就是去模仿別人. 其實歷史上很多偉大的設計都是"偷"來的, 包括賈伯斯(Steve Jobs) , 畢卡索 (Pablo Picasso).

以下是Apple產品跟Braun的產品比對

以下是Jobs的對談, 有談到設計

畢卡索的名言

像藝術家一樣偷師, 偷設計的好所在

http://www.lapa.ninja/
http://collectui.com/
https://www.awwwards.com/
https://uimovement.com/tag/agency-site/
https://sketchrepo.com

設計的基本原則

1. 留白: 一些人可能認為頁面上的空白越少越好，而盡可能的放上多一點的文字、圖片等信息，或使整體版面縮小呈現，其實不然，頁面上元素越多越容易混亂視覺，讓人找不到正確的閱讀順序（視覺流動性）。 我是以15px 為一個單位, 來調整留白的間距.

2. 字體: 基本上跟下面的原則就不會錯了.

我自己有用google chrome 的套件 WhatFont 連結 來參考別人的字體. 如果你還是不知道要用什麼字體, 那就用Helvetica吧 請看這裡解釋

3. 顏色 : 顏色我通常都用黑, 白, 加上一個主要的顏色. 簡單就好了.

顏色工具
https://coolors.co/
http://colorhunt.co/
http://www.0to255.com
https://flatuicolors.com/

總結

因為我不是設計師, 所以我沒辦法教大家如何設計. 但是如果有按照以上的建議, 然後慢慢練習. 你的設計應該都能pass. 希望以上的建議對大家有幫助, 如果沒有那就too bad.